<template>
    <div>
    <Header></Header>
    <Nav></Nav>
    <span class="headertitle">立项评审</span>
    <el-card class="box-card">
        <el-table
                  ref="multipleTable"
                  :data="tableData"
                  tooltip-effect="dark"
                  style="width: 100%"
                    >
             <el-table-column type="selection" width="55"></el-table-column>
             <el-table-column type="index" label="序号" width="120"></el-table-column>
             <el-table-column prop="numb" label="课题名称" width="200"></el-table-column>
             <el-table-column prop="numb2" label="关键词" width="200"></el-table-column>
             <el-table-column prop="numb3" label="课题类别"></el-table-column>
             <el-table-column prop="numb4" label="学科分类"></el-table-column>
             <el-table-column prop="numb5" label="专家个人评分"></el-table-column>
             <el-table-column prop="numb6" label="状态"></el-table-column>
             <el-table-column label="操作">
                <el-link type="primary" @click="dialogVisible2 = true">课题材料评分</el-link>
             </el-table-column>
             </el-table>
    </el-card>
    <!-- 基本信息 -->
    <el-dialog
      title="补充基本信息"
      :visible.sync="dialogVisible"
      width="60%">
      <el-row>
          <el-col :span="12">
            <el-form ref="form1"  :model="form" label-width="100px">
              <el-form-item label="姓名" >
                <el-input v-model="form.name" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="12">
            <el-form  :model="form" label-width="100px">
              <el-form-item label="手机号码">
                <el-input v-model="form.name2" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <!--  -->
        <el-row>
          <el-col :span="12">
            <el-form ref="form1"  :model="form" label-width="100px">
              <el-form-item label="身份证号" >
                <el-input v-model="form.name3" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="12">
            <el-form  :model="form" label-width="100px">
              <el-form-item label="出生年月">
                <el-select v-model="form.region" placeholder="请选择" style="width: 300px;">
                  <el-option label="" value="1"></el-option>
                  <el-option label="" value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <!-- 性别民族 -->
        <el-row>
          <el-col :span="12">
            <el-form ref="form1"  :model="form" label-width="100px">
              <el-form-item label="性别" >
                <el-select v-model="form.region2" placeholder="请选择" style="width: 300px;">
                  <el-option label="男" value="1"></el-option>
                  <el-option label="女" value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="12">
            <el-form  :model="form" label-width="100px">
              <el-form-item label="民族">
                <el-input v-model="form.name4" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <!-- 学历学位 -->
        <el-row>
          <el-col :span="12">
            <el-form ref="form1"  :model="form" label-width="100px">
              <el-form-item label="学历" >
                <el-select v-model="form.region3" placeholder="请选择" style="width: 300px;">
                  <el-option label="" value="1"></el-option>
                  <el-option label="" value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="12">
            <el-form  :model="form" label-width="100px">
              <el-form-item label="学位">
                <el-select v-model="form.region4" placeholder="请选择" style="width: 300px;">
                  <el-option label="" value="1"></el-option>
                  <el-option label="" value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <!-- 所属系统 学科 -->
        <el-row>
          <el-col :span="12">
            <el-form ref="form1"  :model="form" label-width="100px">
              <el-form-item label="所属系统" >
                <el-select v-model="form.region5" placeholder="请选择" style="width: 300px;">
                  <el-option label="" value="1"></el-option>
                  <el-option label="" value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="12">
            <el-form  :model="form" label-width="100px">
              <el-form-item label="学科">
                <el-select v-model="form.region6" placeholder="请选择" style="width: 300px;">
                  <el-option label="" value="1"></el-option>
                  <el-option label="" value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <!-- 职称职务 -->
        <el-row>
          <el-col :span="12">
            <el-form ref="form1"  :model="form" label-width="100px">
              <el-form-item label="职称" >
                <el-select v-model="form.region7" placeholder="请选择" style="width: 300px;">
                  <el-option label="" value="1"></el-option>
                  <el-option label="" value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="12">
            <el-form  :model="form" label-width="100px">
              <el-form-item label="职务">
                <el-select v-model="form.region8" placeholder="请选择" style="width: 300px;">
                  <el-option label="" value="1"></el-option>
                  <el-option label="" value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <!-- 电子邮箱 银行卡号 -->
        <el-row>
          <el-col :span="12">
            <el-form ref="form1"  :model="form" label-width="100px">
              <el-form-item label="电子邮箱" >
                <el-input v-model="form.name5" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="12">
            <el-form  :model="form" label-width="100px">
              <el-form-item label="银行卡号">
                <el-input v-model="form.name6" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <!-- 开户行支行 单位全称 -->
        <el-row>
          <el-col :span="12">
            <el-form ref="form1"  :model="form" label-width="100px">
              <el-form-item label="开户行支行" >
                <el-input v-model="form.name7" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="12">
            <el-form  :model="form" label-width="100px">
              <el-form-item label="单位全称">
                <el-input v-model="form.name8" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <!-- 通讯地址 参加评审经历 -->
        <el-row>
          <el-col :span="12">
            <el-form ref="form1"  :model="form" label-width="100px">
              <el-form-item label="通讯地址" >
                <el-input v-model="form.name9" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
          <el-col :span="12">
            <el-form  :model="form" label-width="100px">
              <el-form-item label="参加评审经历">
                <el-input v-model="form.name10" style="width: 300px;" placeholder="请输入"></el-input>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="dialogVisible = false">提交</el-button>
      </span>
    </el-dialog>
    <!-- 申报材料打分 -->
    <el-dialog
  title="申报材料打分"
  :visible.sync="dialogVisible2"
  width="50%">
    <el-button type="primary" style="margin-bottom: 50px;">查看材料</el-button>
    <el-form ref="form1" :model="form1" >

  <el-form-item label="评审结果">
    <el-radio-group v-model="form1.resource">
      <el-radio label="通过"></el-radio>
      <el-radio label="不通过"></el-radio>
    </el-radio-group>
  </el-form-item>
  <el-form-item label="课题等级">
    <el-radio-group v-model="form1.name">
      <el-radio label="A"></el-radio>
      <el-radio label="B"></el-radio>
      <el-radio label="C"></el-radio>
    </el-radio-group>
  </el-form-item>
  <el-form-item label="评审意见">
    <el-input type="textarea" v-model="form1.desc" style="width:700px"></el-input>
  </el-form-item>
  </el-form>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible2 = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
  </span>
</el-dialog>
    </div>
</template>

<script>
import Header from '../Header.vue'
import Nav from '../Nav.vue'
export default {
    data(){
        return {
            dialogVisible:true,
            dialogVisible2:false,
            form:{
                name:'',
                name2:'',
                name3:'',
                name4:'',
                name5:'',
                name6:'',
                name7:'',
                name8:'',
                name9:'',
                name10:'',
                region:'',
                region2:'',
                region3:'',
                region4:'',
                region5:'',
                region6:'',
                region7:'',
                region8:'',
            },
            form1:{
              name:'',
              resource:'',
              desc:'',
            },
            tableData:[{
                numb:'《古猿人进化史》',
                numb2:'信息 监测',
                numb3:'历史文学',
                numb4:'综合问题研究',
                numb5:'89',
                numb6:'待专家评分',
            },{
                numb:'《古猿人进化史》',
                numb2:'信息 监测',
                numb3:'历史文学',
                numb4:'综合问题研究',
                numb5:'89',
                numb6:'待专家评分',
            }]
        }
    },
    components:{
    Header,
    Nav
  },
  methods:{}
}
</script>

<style lang="less" scoped>
    .box-card{
        width: 91%;
        float: right;
        margin-right: 1%;
        margin-top: -44%;
    }
body{
  position: relative;
}
.headertitle{
  position: absolute;
  top: 0;
  z-index: 999;
  margin-top: 20px;
  margin-left: 180px;
  font-size: 18px;
}


</style>